<!-- Your work is Good , try to change the Font Styles and And The exact background colors.
Use ColorPic to pick Color.
 -->


<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<style type="text/css">
#one{
   position:absolute;
   width:180px;
   height:40px;
   left:100px;
   top:10px;
  
   background-color:#2E64AE;
}
#two{
   position:relative;
   width:180px;
   height:40px;
   left:92px;
   top:35px;
   
   background-color:#BBB1A5;


}
#three{
   position:relative;
   width:180px;
   height:40px;
   left:92px;
   top:20px;
   
   background-color:#BBB1A5;

}
#four{
   position:relative;
   width:180px;
   height:40px;
   left:92px;
   top:6px;
  
   background-color:#3A7DDA;

}
#header{
   position:absolute;
   width:800px;
   height:520px;
   left:300px;
   top:10px;
  
   border-left:1px solid #E7E7E7;
   border-right:1px solid #E7E7E7;
}
#header1{
    position:relative;
    width:790px;
    height:250px;
    left:3px;
    top:10px;
    
}
#heading{
   position:relative;
   width:199px;
   height:40px;
   left:92px;
   top:50px;
   
   
}
#password{
   position:relative;
   width:400px;
   height:70px;
   left:386px;
   top:220px;
  
   background-color:#F0F0F0;

}
#footer{
   position:relative;
   width:398px;
   height:30px;
   left:386px;
   top:220px;
   
   background-color:#E5E5E5;


}


</style>
</head>
<body>
<div id="one">
<p><font color="white">&nbsp;&nbsp;&nbsp;&nbsp;Placement Agency</font></p>

</div>


<div id="two">
<p><font color="white">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Partner</font></p>
</div>


<div id="three">
<p><font color="white">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Login</font></p>
</div>




<div id="four">
<p><font color="white">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Forgot Your Password</font></p>
</div>


<div id="header">
<div id="header1">
<img src="people.jpg" height="250" width="790">
</div>
<h3 align="center"><font color="#33302C">Placement Agency Login</font></h3> 
<div id ="heading">
<font color="#33302C">Please enter the login credentials
</font>
</div>
</div>


<div id="password">
<table>
<tr>
<td><font color="#333052">Enter your user ID:</font></td>
<td><input type="text"  size="33"></td>
</tr>
<tr>
<td><font color="#333052">Enter your Password:</font></td>
<td><input type="text" size="33"></td>
</tr>
</table>

</div>


<div id="footer">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="button" value="Login" />
</div>
</body>
</html>